<rev-person>
<div class="aui-chat-item aui-chat-left">
	<div class="aui-chat-media">
		<img src="{robotInfo.avatar}">
	</div>
	<div class="aui-chat-inner">
		<div class="aui-chat-title">
			<b>{robotInfo.username}</b>
			{timestampFormat(opts.data.timestamp,'YYYY-MM-DD hh:mm:ss')}
		</div>
		<div class="aui-chat-content">
			<div class="aui-chat-arrow"></div>
			<p if={opts.data.text}>{opts.data.text}</p>
			<person-card person= {opts.data.person}></person-card>
		</div>
		<div class="aui-chat-status aui-chat-status-refresh">
			<i class="aui-iconfont aui-icon-correct aui-text-success"></i>
		</div>
	</div>
</div>

<script>
	let tag = this;
	tag.on('before-mount', function() {
		tag.robotInfo = tag.getRobotInfo();
	});
	tag.on('mount', function() {
		tag.observable.trigger('app:view:scroll:bottom');
	});
</script>
</rev-person>